<!doctype html>
<html lang="en">
<head>
    <script >
		var path="${path}";
	</script>
    <meta charset="UTF-8">
    <title>惠生活</title>
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="${resources}/css/common.css" type="text/css">
    <link rel="stylesheet" href="${resources}/plugins/fontAwesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="${resources}/css/bussinessList.css" type="text/css">
    <#include "setwxshare.ftl"/>
    <style>
    .conRight{
    	display:none;
    }
    </style>

</head>
<body>
    <div id="container">
        <div class="title">
            <a href="javascript:history.go(-1);" class="back">
                <i class="fa fa-angle-left" aria-hidden="true"></i>&nbsp;
                <span>惠生活</span>
            </a>
            <div class="formBox">
            	<!--
                <form action="">
                    <input type="text" placeholder="输入商品、商家、商圈">
                    <i class="fa fa-search" aria-hidden="true"></i>
                </form>
                -->
            </div>
            <!--<div class="imgBox"><i class="fa fa-map-marker position" aria-hidden="true"></i></div>-->
        </div>
        <!--分类-->
        <div class="topBar">
            <ul>
                <li class="type"><a href="javascript:void(0);">全部分类&nbsp;<i class="fa fa-caret-down" aria-hidden="true"></i></a></li>
                <li class="desc"><a href="javascript:void(0);">商圈分类&nbsp;<i class="fa fa-long-arrow-up" aria-hidden="true"></i><i class="fa fa-long-arrow-down" aria-hidden="true"></i></a></li>
            </ul>
        </div>
        <!--内容-->
        <div class="content">
            <!--当前定位  
            <div class="addr">
                <span>当前: 深圳市平洲地铁站海城新村</span><i class="fa fa-repeat" aria-hidden="true"></i>
            </div>
           -->
            <!--商家列表-->
            <div class="storeList">
                <div>
                    <ul id="storeList">
                    
                    </ul>
                    <div class="tip" id="tip">向上滑动加载更多...</div>
                </div>
            </div>
            <div id="type" style="display: none">
                <div>
                <div class="conLeft">
                    <ul>
                    	<li data-id="-1"><a href="javascript:void(0);">全部分类</a></li>
                    	<#list categoryVOList as vo>
                   		<li data-target="#right${vo.parent.id}"  data-id="${vo.parent.id}"><a href="javascript:void(0);">${vo.parent.name}</a></li>
                    	</#list>
                    </ul>
                </div>
            	<#list categoryVOList as vo>
                <div class="conRight" id="right${vo.parent.id}">
                    <ul>
                        <li data-id="${vo.parent.id}"><a href="javascript:void(0);">全部</a></li>
                    	<#list vo.childList as item>
                        <li data-id="${item.id}"><a href="javascript:void(0);">${item.name}</a></li>
                        </#list>
                    </ul>
                </div>
                </#list>
                </div>
            </div>
            <div id="desc" style="display: none">
                <div>
                    <div class="conLeft">
                        <ul>
           	                <li   data-id="-1"><a href="javascript:void(0);">全部</a></li>
	                    	<#list districtVOList as vo>
	                   		<li data-target="#right${vo.parent.id}"   data-id="${vo.parent.id}"><a href="javascript:void(0);">${vo.parent.name}</a></li>
	                    	</#list>
                        </ul>
                    </div>
                    <#list districtVOList as vo>
                    <div class="conRight" id="right${vo.parent.id}">
	                    <ul>
	                        <li  data-id="${vo.parent.id}"><a href="javascript:void(0);">全部</a></li>
	                    	<#list vo.childList as item>
	                        <li  data-id="${item.id}"><a href="javascript:void(0);" >${item.name}</a></li>
	                        </#list>
	                    </ul>
                    </div>
                	</#list>
                </div>
            </div>
        </div>
    </div>
    
 <input type="hidden"  id="categoryid" value="${categoryid}">
<input type="hidden"  id="districtid" value="${districtid}">   
</body>

<script src="${resources}/plugins/jquery/2.2.2/jquery.min.js"></script>
<script src="${resources}/js/iscroll-probe.js"></script>
<script src="${resources}/js/common.js"></script>
<script src="${resources}/js/score.js"></script>
<script src="${resources}/js/merchantList.js"></script>
<script type="text/javascript">
    $(function(){
    	/* */
        $(".type").click(function(){
            $(this).addClass("active").siblings().removeClass("active");
            $("#desc").css("display","none");
            $("#type").css("display","block");
        })
        $(".desc").click(function(){
            $(this).addClass("active").siblings().removeClass("active");
            $("#type").css("display","none");
            $("#desc").css("display","block");
        })
       
        
    })
</script>
</html>